<#-- 数据列表页面 -->
<#import layoutTemplet as layout>
<#assign contextPath=request.getContextPath()>
<#-- 调用布局指令 -->
<@layout.html>
<#escape x as x?html>

<#-- 导航区 -->
<div class="breadcrumbs ace-save-state breadcrumbs-fixed" id="breadcrumbs">
    <ul class="breadcrumb">
        <li>
            <i class="ace-icon fa fa-home home-icon"></i>
            <span class="grey">监控日志</span>
        </li>
        <li class="active">
            <span class="grey">登录日志</span>
        </li>
    </ul>
</div>

<#-- 查询区与数据列表区 -->
<div class="page-content">
    <div class="row">
        <div class="col-xs-12">
            <div class="widget-box" id="gridTableWidgetBody">
                <div class="widget-header">
                    <h5 class="widget-title"><i class="ace-icon fa fa-search"></i> 查询条件</h5>
                    <div class="widget-toolbar">
                        <a href="#" data-action="collapse">
                            <i class="ace-icon fa fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
                <div class="widget-body">
                    <div class="widget-main">
                        <form id="searchForm" class="form-horizontal">
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <label for="userAccount" class="input-group-addon">用户账号</label>
                                        <input class="form-control form-cnd" id="userAccount" name="userAccount" type="text">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <label for="appTypeCode" class="input-group-addon">应用类型</label>
                                        <select class="form-select2" id="appTypeCode" name="appTypeCode">
                                            <option value="">请选择</option>
                                            <#list AppTypeEnum as element>
                                                <option value="${element.index}">${element.name}</option>
                                            </#list>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <label for="createTimeBegin" class="input-group-addon">登录时间/起</label>
                                        <input class="form-control form-cnd" id="createTimeBegin" name="createTimeBegin" type="text" readonly>
                                        <span class="input-group-addon">
                                            <i class="fa fa-calendar"></i>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <label for="createTimeEnd" class="input-group-addon">登录时间/止</label>
                                        <input class="form-control form-cnd" id="createTimeEnd" name="createTimeEnd" type="text" readonly>
                                        <span class="input-group-addon">
                                            <i class="fa fa-calendar"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="widget-toolbox padding-8 clearfix">
                        <button class="mfui-btn mfui-btn-normal" id="queryBtn">
                            查询
                        </button>
                        <button class="mfui-btn mfui-btn-primary" id="resetBtn">
                            清空
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xs-12">
            <div class="widget-box">
                <div class="widget-header">
                    <h5 class="widget-title">
                        <i class="ace-icon fa fa-list-alt"></i>
                        数据列表
                    </h5>
                    <#--<div class="widget-toolbar">-->
                        <#--<a href="#" data-action="collapse">-->
                            <#--<i class="ace-icon fa fa-chevron-up"></i>-->
                        <#--</a>-->
                    <#--</div>-->
                </div>
                <div class="widget-body">
                    <div class="jqgrid-container">
                        <table id="gridTable"></table>
                        <div id="gridPager"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${contextPath}/public/js/monitor/login/login_log_index.js"></script>
</#escape>
</@layout.html>